<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
<jsp:include page="/WEB-INF/views/comm/title.jsp"></jsp:include>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/join.css">

<body>
<!-- Prompt IE 7 users to install Chrome Frame -->
<!--[if lt IE 8]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="container">
<jsp:include page="/WEB-INF/views/comm/header.jsp"></jsp:include>
	<div class="contact-page main grid-wrap">
		<header class="grid col-full">
			<hr>
			<p class="fleft">가입하기</p>
		</header>
		<aside class="grid col-one-quarter mq2-col-one-third mq3-col-full">
			<p class="mbottom">항상 즐거운 마음으로 여러분의 가입을 환영하고 있습니다.</p>
			<address class="mbottom">
				<h5> 당신을 위한 말 </h5>
				나를 안아주세요   <br >
				내가 힘들때  <br >
				내가 외로울 때   <br >
				내가 울고 싶을 때  <br >
				나는 당신이 나를 안아주는 순간   <br >
				그 순간부터   <br >
				힘들었던 기억도   <br >
				외록다는 느낌도    <br >
				울고 싶다는 생각도    <br >
				모두 사라집니다.   <br >
				<!-- <a href="http://maps.google.com">Get directions</a> -->
			</address>
			<p class="mbottom">
				1Lines for Dream. <br >
				</p>
			<p class="mbottom">
				<a href="#">keepinmindsh@gmail.com</a><br >
                <a href="#"></a><br >
				<a href="#"></a><br >
				<a href="#"></a><br >
				<a href="#"></a>
			</p>
<!-- 			<p>
				<h6>Openning hours: </h6>
				Monday to Friday <br >
				09h00 to 17h00
			</p> -->
		</aside>
		<section class="grid col-three-quarters mq2-col-two-thirds mq3-col-full">
			<h2>만나서 반갑습니다!</h2>
			<p class="warning"  style="display:none;" ></p>
			<form id="contact_form" class="contact_form"  method="post" name="contact_form">	
				<ul>
					<li>
						<label for="email">이메일 :</label>
						<input type="email" name="USER_ID" id="txt_email_Join" placeholder="이메일 주소를 입력해주세요 " required class="required" >
					</li>
					<li>
						<label for="name">닉네임 :</label>
						<input type="text" name="USER_NAME" id="txt_name" required placeholder="사용하실 별명을 입력해주세요 " class="required email">
					</li>
					<li>
						<label for="password">비밀번호 :</label>
						<input type="password" name="USER_PWD" id="txt_password" required placeholder="비밀번호 입력" class="required password"  >
						<input type="password" name="USER_PWD_CONFIRM" id="txt_password_confirm" required placeholder="비밀번호 확인" class="required password"  >
						<a id="pwd_confirm" data-confirm="N" >확인</a>
					</li>	
					<li>
						<label for="message">툭 던지는 말 :</label>
						<textarea name="USER_COMMENT" id="txt_message" cols="100" rows="6" required  class="required" ></textarea>
					</li>
					<li style="height: 40px" >
					    <label id="confrim_lable" ></label>
						<button type="button" id="btn_join"  class="button fright">가입하기</button>
					</li>	
				</ul>			
			</form>
		</section>	
	</div> <!--main-->
<jsp:include page="/WEB-INF/views/comm/footer.jsp"></jsp:include>
</div>
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="js/selectivizr.js"></script>
<![endif]-->

<script src="${pageContext.request.contextPath}/resources/js/mind/join.js"></script>
</body>
</html>